<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">

    <h:head>
        <h:outputStylesheet name="style.css" library="css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Facelets Template</title>
    </h:head>

    <body>
        <div class="container" style="margin-top: 100px">            
            <div class="col-lg-6 col-md-offset-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <span class="glyphicon glyphicon-lock"></span>
                        Đăng nhập hệ thống!
                    </div>
                    <div class="panel-body">
                        <h:form style="text-align: initial">
                            <label for="inputEmail3" class="col-sm-3 control-label">
                                Tên tài khoản: </label>
                            <div class="col-sm-9" >
                                <h:inputText value="#{loginBean.username}" class="col-md-12 form-control">
                                </h:inputText>

                            </div>
                            <label for="inputPassword3" class="col-sm-3 control-label" style="margin-top: 10px">
                                Mật khẩu: </label>
                            <div class="col-sm-9" style="margin-top: 10px" >
                                <h:inputSecret value="#{loginBean.password}" class="col-md-12 form-control">
                                </h:inputSecret>
                            </div>
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="remember"/> Ghi nhớ tài khoản và mật khẩu?
                                        </label>
                                    </div>
                                </div>
                            <div class="col-sm-offset-2 col-sm-10">
                                    <h:commandButton  action="#{loginBean.checkLogin()}" class="btn btn-danger col-md-4" style="margin:10px" value="Login"/>
                                </div>
                        </h:form>
                    </div>
                </div>
            </div>
        </div><!-- /.container -->
    </body>

</html>
